@charset "utf-8";
/* CSS Document */
#bottom { width:100%; height:45px; position:fixed; bottom:0; left:0; z-index:1000; text-align:center; visibility:visible; }
.bottom { width:100%; margin:0 auto; }
.controlBar { width:100%; height:16px; padding-top:14px; border:none; position:absolute; z-index:999; top:-29px; }
.anchor { display:block; width:100px; height:13px; background:#486EAC; border-radius:5px 5px 0 0; margin:0 auto; }
.controlBottom { display:block; height:3px; overflow:hidden; background:#486EAC; border-radius:6px 6px 0 0; }
.icon { display:block; width:14px; height:8px; margin:0 auto; overflow:hidden; position:relative; top:3px; }
.icon em { display:block; width:20px; height:20px; transform:rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); position:relative; border-right:1px solid #fff; border-bottom:1px solid #fff; top:-18px; left:-4px; }
.close .icon em { border-top:1px solid #fff; border-left:1px solid #fff; top:5px; }
.controlBar.touch .anchor, .controlBar.touch .controlBottom { opacity:0.8; }
.bottom ul { height:45px; background:#486EAC; }
.bottom li { float:left; width:33.3%; border-right:1px solid #fff; color:#fff; box-sizing:border-box; height:42px; text-transform:capitalize; }
.bottom li p { line-height:18px; padding:2px 0 0; }
.bottom li img { height:18px; }
.bottom li span { line-height:22px; font-size:14px; color:#fff; }
.bottom li.li1 { border:none; }